<template>
	<view class="">
		<view class="header">
			<text style="color: #007AFF;margin-left:40rpx;line-height: 90rpx;">全部</text>
			<select style="border:none;margin-left: 460rpx;">
				<option>缴费类型</option>
				<option>垃圾处理费</option>
				<option>物业费</option>
			</select>
		</view>
		<view class="background">
			<view class="w">
				<select style="border: none;font-size: 30rpx; font-weight: 700;background-color:rgb(240, 240, 240) ;height: 90rpx;">
					<option>请选择</option>
					<option>清水湾1号楼1单元2203</option>
					<option>清水湾1号楼1单元2204</option>
				</select>
				 <select style="border: none;font-size: 30rpx; font-weight: 700;background-color:rgb(240, 240, 240) ;height: 90rpx;margin-left:219rpx;">
				 	<option>2021-09</option>
				 	<option>2021-01</option>
				 	<option>2021-02</option>
					<option>2021-03</option>
					<option>2021-04</option>
					<option>2021-05</option>
				 </select>
				 <view class="list">
				 	<view class="ww">
				 		<view style="line-height: 80rpx; border-bottom: 1px solid #eeeeee;">物业费账单</view>
				 		<view class="left">
				 			<text>房号</text>
				 			<text>账单</text>
				 			<text>账单金额</text>
							<text>缴费时间</text>
							<text>付款方式</text>
				 		</view>
				 		<view class="right">
				 			<text>1201</text>
				 			<text>2021-8-1至2021-10-1</text>
				 			<text>￥360.00元</text>
							<text>2021-10-10</text>
							<text>微信支付</text>
				 		</view>
				 	</view>
				 </view>
				 <view class="list">
				 	<view class="ww">
				 		<view style="line-height: 80rpx; border-bottom: 1px solid #eeeeee;">物业费账单</view>
				 		<view class="left">
				 			<text>房号</text>
				 			<text>账单</text>
				 			<text>账单金额</text>
				 			<text>缴费时间</text>
				 			<text>付款方式</text>
				 		</view>
				 		<view class="right">
				 			<text>1201</text>
				 			<text>2021-8-1至2021-10-1</text>
				 			<text>￥360.00元</text>
				 			<text>2021-10-10</text>
				 			<text>微信支付</text>
				 		</view>
				 	</view>
				 </view>
				 <view class="list">
				 	<view class="ww">
				 		<view style="line-height: 80rpx; border-bottom: 1px solid #eeeeee;">物业费账单</view>
				 		<view class="left">
				 			<text>房号</text>
				 			<text>账单</text>
				 			<text>账单金额</text>
				 			<text>缴费时间</text>
				 			<text>付款方式</text>
				 		</view>
				 		<view class="right">
				 			<text>1201</text>
				 			<text>2021-8-1至2021-10-1</text>
				 			<text>￥360.00元</text>
				 			<text>2021-10-10</text>
				 			<text>微信支付</text>
				 		</view>
				 	</view>
				 </view>
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		data() {
			return {
				 
			}
		},
		onLoad() {
	
		},
		methods: {
			
		}
				  
	}
	
</script>

<style>
	.w{
		width:730rpx;
		margin:0 auto;
		height:1665rpx;
	}
	.background{
		background-color:rgb(240, 240, 240) ;
	}
	.ww{
		width:660rpx;
		margin-left:40rpx;
	}
	.list{
		background-color: #FFFFFF;
		height:440rpx;
		margin-top:20rpx;
		margin-bottom: 20rpx;
	}
	.list .left text{
		display: block;
		line-height: 70rpx;
	}
	.list .left{
		text-align: left;
		float:left;
	}
	.list .right{
		text-align: right;
	}
	.list .right text{
		display: block;
		line-height: 70rpx;
	}
</style>
